<template>
  <div class="py-4 container-fluid">
    <div class="row">
      <div class="col-12">
        <equip-card :types="types" />
      </div>
    </div>
    
    <div class="row">
      <div class="col-lg-12 mb-lg-0 mb-4">
        <div class="card">
          <div class="card-body p-3">
            <div class="row">
              <div class="col-lg-5">
                <timeline-list
                    class="h-100"
                    title="订单操作记录"
                    
                >
                    <timeline-item
                    color="success"
                    icon="cart"
                    title="发布1500个蛋挞的订单"
                    date-time="Date:2022.01.04 Time:12:00:01"
                    />
                    <TimelineItem
                    color="warning"
                    icon="credit-card"
                    title="将订单24801002的冰红茶数量修改为180000*10"
                    date-time="Date:2022.02.04 Time:17:12:51"
                    />
                    
                    
                    <TimelineItem
                    color="warning"
                    icon="credit-card"
                    title="修改订单12489214中小小英雄的数量为20个"
                    date-time="Date:2022.05.12 Time:02:11:32"
                    />
                    <TimelineItem
                    color="danger"
                    icon="basket"
                    title="由于工厂主跑路删除订单12387182"
                    date-time="Date:2022.05.01 Time:22:01:23"
                    />
                    <TimelineItem
                    color="danger"
                    icon="basket"
                    title="由于工厂主毁约删除订单890108"
                    date-time="Date:2021.12.31 Time:11:09:02"
                    />
                    <timeline-item
                    color="success"
                    icon="cart"
                    title="发布900块橡皮的订单"
                    date-time="Date:2022.04.09 Time:19:09:12"
                    />
                    <timeline-item
                    color="success"
                    icon="cart"
                    title="发布1000台联想小新Air16的订单"
                    date-time="Date:2022.01.22 Time:21:29:11"
                    />
                </timeline-list>
              </div>
              <div class="col-lg-7 ms-auto text-center mt-5 mt-lg-0">
                    <img
                      class="w-100 position-relative z-index-2 pt-4"
                      src="@/assets/img/illustrations/绿色工厂.jpg"
                      alt="rocket"
                    />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
  </div>
</template>

<script>
import EquipCard from "./components/DDCard.vue";
import TimelineList from "./components/TimelineList.vue";
import TimelineItem from "./components/TimelineItem.vue";

export default {
  name: "tables",
  components: {
    EquipCard,
    TimelineList,
    TimelineItem,
  },
  data() {
    return {
      types: [
        {
          num: 1,
          name: "食品",
          describe: "  ",
          number: "55",
        },
        {
          num: 2,
          name: "电子游戏",
          describe: " ",
          number: "44",
        },
        {
          num: 3,
          name: "洗护用品",
          describe: " ",
          number: "33",
        },
        {
          num: 4,
          name: "学习用品",
          describe: " ",
          number: "11",
        },
        {
          num: 5,
          name: "药品",
          describe: " ",
          number: "22",
        },
      ],
    };
  },
};
</script>
